<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>苏州八百里官方博客</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="__Cssjs__/assets/i/favicon.png">
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="__Cssjs__/assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="apple-touch-icon-precomposed" href="__Cssjs__/assets/i/app-icon72x72@2x.png">
    <meta name="msapplication-TileImage" content="__Cssjs__/assets/i/app-icon72x72@2x.png">
    <meta name="msapplication-TileColor" content="#0e90d2">
    <link rel="stylesheet" href="__Cssjs__/assets/css/amazeui.min.css">
    <link rel="stylesheet" href="__Cssjs__/assets/css/app.css">
    <style>
        @media only screen and (min-width: 1200px) {
            .blog-g-fixed {
                max-width: 1200px;
            }
        }

        @media only screen and (min-width: 641px) {
            .blog-sidebar {
                font-size: 1.4rem;
            }
        }

        .blog-main {
            padding: 20px 0;
        }

        .blog-title {
            margin: 10px 0 20px 0;
        }



        .blog-meta  {
            color: #27ae60;
        }

        .blog-more  {
            color: blue;
        }

        .blog-pagination a {
            font-size: 1.4rem;
        }

        .blog-team li {
            padding: 4px;
        }

        .blog-team img {
            margin-bottom: 0;
        }

        .blog-content img,
        .blog-team img {
            max-width: 100%;
            height: auto;
        }

        .blog-footer {
            padding: 10px 0;
            text-align: center;
        }
    </style>
</head>

<body id="blog">
<!--
<div class="am-g am-g-fixed blog-fixed am-u-sm-centered blog-article-margin">
    <div class="am-u-sm-5">
        <a hrindex_bak.htmlhtml" class="">全球技术领先的流媒体服务器提供商！</a>
    </div>
    <div class="am-u-sm-1 am-u-sm-offset-11">
        <a hrindex_bak.htmlhtml" class="">进入官网</a>
    </div>
</div>
-->
<!-- banner start -->
{include file="public/banner"}
<!-- banner end -->
<hr>
<!-- content srart -->
<div class="am-g am-g-fixed blog-fixed">
    <div class="am-u-md-8">
        <!--
        <article class="am-g blog-entry-article">
            <h1><a href="">我本楚狂人，凤歌笑孔丘</a></h1>
            <div>111</div>
            <div class="am-u-lg-6 am-u-md-12 am-u-sm-12 blog-entry-img">
                <img src="__Cssjs__/assets/i/f10.jpg" alt="" class="am-u-sm-12">
            </div>
            <div class="am-u-lg-6 am-u-md-12 am-u-sm-12 blog-entry-text">
                <span><a href="" class="blog-color">article &nbsp;</a></span>
                <span> @amazeUI &nbsp;</span>
                <span>2015/10/9</span>
                <p>我们一直在坚持着，不是为了改变这个世界，而是希望不被这个世界所改变。
                </p>
                <p><a href="" class="blog-continue">continue reading</a></p>
            </div>
        </article>
        -->
        {volist name='article_list' id='vo'}
        <article class="blog-main">
            <h3 class="am-article-title blog-title">
                <a href="/read?id={$vo.id}">{$vo.title}</a>
            </h3>
            <h4 class="am-article-meta">发布者：<span class="blog-meta">{$vo.username}</span>&nbsp&nbsp上传时间：<span class="blog-meta">{$vo.publictime}</span>&nbsp&nbsp标签：<span class="blog-meta">{$vo.tag}</span>&nbsp&nbsp栏目：<span class="blog-meta">{$vo.name}</span></h4>
            <div class="am-g blog-content">
                <div class="am-u-lg-5" >
                    <p><img src="{$vo.imgsrc}"></p>
                </div>
                <div class="am-u-lg-7">
                    <p>{$vo.intro}</p>
                    <p><a href="/read?id={$vo.id}" class="blog-meta">继续阅读.....</a></p>
                </div>
            </div>
        </article>
        {/volist}

        <ul class="am-pagination am-pagination-right">
            {$page_banner}
        </ul>
    </div>

    <!-- 右侧栏开始 -->
    {include file="public/right"}
    <!-- 右侧栏结束 -->
</div>
<!-- content end -->


<!-- footer start -->
{include file="public/footer"}
<!-- footer end -->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="__Cssjs__/assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="__Cssjs__/assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="__Cssjs__/assets/js/amazeui.min.js"></script>
</body>
</html>